*{padding: 0;margin: 0;}
html{font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 20px;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;outline: none;}
ul, li{list-style: none;}
p{font-size: 16px;color: #353535;line-height: 2;}
a{color: #0062cc;text-decoration: none;background-color: transparent;}
a{color:#555454;text-decoration:none;font-size:16px;}
a:hover{text-decoration:none;color: #83000A}
textarea{overflow: hidden;resize: none;}
button{overflow: visible;}
button,select{text-transform: none;}
button,input,select,textarea{font: inherit;color: inherit;}
a,p,span{font-size: 16px;}
html, body{ overflow-x: hidden; overflow-y: auto;font-family: Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing: antialiased;background-color:transparent;}

.text1{font-size:14px;line-height: 1.5em;}
.text2{font-size:14px;line-height: 1.5em;}
.text3{font-size:14px;line-height: 1.5em;}
.text4{font-size:14px;line-height: 1.5em;}
.text5{font-size:14px;line-height: 1.5em;}

@media (min-width: 1400px) {
  .text1 { font-size: 48px; }
  .text2 { font-size: 42px; }
  .text3 { font-size: 36px; }
  .text4 { font-size: 30px; }
  .text5 { font-size: 24px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .text1 { font-size: 42px; }
  .text2 { font-size: 36px; }
  .text3 { font-size: 30px; }
  .text4 { font-size: 24px; }
  .text5 { font-size: 18px; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .text1 { font-size: 36px; }
  .text2 { font-size: 30px; }
  .text3 { font-size: 24px; }
  .text4 { font-size: 18px; }
  .text5 { font-size: 16px; }
}
@media (min-width: 800px) and (max-width: 999px) {
  .text1 {font-size: 30px;}
  .text2 { font-size: 24px; }
  .text3 { font-size: 18px; }
  .text4 { font-size: 16px; }
  .text5 { font-size: 14px; }
}
@media  (max-width: 799px) {
  .text1 { font-size: 24px;}
  .text2 { font-size: 18px; }
  .text3 { font-size: 16px; }
  .text4 { font-size: 14px; }
  .text5 { font-size: 14px; }
}

 .more1{width:100%;height:50px;display: inline-block;background: #800010;line-height: 50px;text-align: center;color:#fff}
 .more1:hover{background: #b42400;color: #fff}



/*----------------- 手机站导航开始----------*/
 
.sp_nav{width:50%; position:relative;cursor:pointer;height:40%; display: inline-block;}
.sp_nav span{display:block;background:#333;width:100%;height:10%;position:absolute;left:0px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:45%}
.sp_nav span:nth-of-type(3){top:90%}
.sp_nav_se span:nth-of-type(1){top:45%;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:45%;transform:rotate(-45deg)}

/*手机隐藏导航样式*/
.sjj_nav{position:fixed;border-top:1px solid #0977d9;padding-bottom:20px;padding-top:20px;z-index:9999;background:#333;width:70%;height:100%;font-size:14px;line-height:40px;left:-120%; overflow:auto;overflow-x:hidden;top:0px;

  transition: left 1s;
-moz-transition: left 1s; /* Firefox 4 */
-webkit-transition: left 1s; /* Safari 和 Chrome */
-o-transition: left 1s; /* Opera */

}
.sjj_nav>ul>li{border-bottom:1px #ddd solid;padding-left:5% ; margin-left:5%;position:relative;line-height:40px;font-size:14px;width:90%;}
.sjj_nav ul li a{color:#fff;display: inline-block;width:100%;height:100%;text-align: left;font-size: 16px;}
.sjj_nav ul li a span{ margin-right: 10px}
.sjj_nav ul li>ul {}
.sjj_nav ul li>ul li{border-top: 1px dashed #666;padding-left: 10%;}

 
/*------------------- 手机站导航结束----------*/

.pctop{background:;height:100px;padding:10px 30px 0 30px;position: fixed;top: 0;left: 0;right: 0; z-index: 1999;transition: all 0.6s ease 0s;}
.pctop:hover{background: #fff;box-shadow: 5px 0px 10px #ddd;}

.pc-nav {width: 100%;text-align: right;}
.pc-nav li{display: inline-block;height: 90px;padding: 0 10px;position: relative;}
.pc-nav li a{font-size: 18px;display: inline-block;text-align: center;line-height: 90px;color: #333; }
.pctop:hover li a{COLOR: #333;text-shadow: 0px 0px 0px rgb(0,0,0,0); 
}
.pc-nav li a:hover{color: #83000A}

 .pctop-w{transition: all 0.6s ease 0s;background: #fff;box-shadow: 5px 0px 10px #ddd;}
.pctop-w li a{COLOR: #333;text-shadow: 0px 0px 0px rgb(0,0,0,0); }
.pc-nav li:before{content: "";width: 0px;height: 4px;background: #83000A;margin: 0 auto;position: absolute;bottom: 0; left:50%;transition: all 0.6s ease 0s;}
.pc-nav li:hover:before{width: 100%;left:0%;}

@media (max-width: 1200px) {
.pc-nav li{display: inline-block;height: 90px;padding: 0 5px;position: relative;}
.pc-nav li a{font-size: 16px; }
}


/*banner*/

.home-about{width: 100%;  position: relative;z-index: 998;margin-top:45%;background: #fff; }
.home-about-top{width: 100%;height:60px ;background: url(../images/middle-top.png)   center center;position: absolute;top: -60px; 
 }
@media (max-width: 992px) {
.home-about{width: 100%; position: relative;z-index: 998;margin-top:61.6%;background: #fff; }
.home-about-top{ height:30px ;background: url(../images/middle-top.png)   center center;position: absolute;top: -30px; 
 }
}

.home-about-bottom{ height:80px ;background: url(../images/middle-top2.png)no-repeat   center bottom;position: absolute;bottom: 0;  width: 100%;z-index: 1;}

 .text-num{text-align: center;}
 .text-num .num{font-size: 40px;font-weight: 800;color: #83000A}
 .text-num .num span{font-size: 90px;font-weight: 800;color: #83000A}




 .home-news{width: 100%;background: #eee;z-index: 998; position: relative;  }
 .home-news-bottom{height:80px ; background: url(../images/middle-top3.png)no-repeat   center bottom; position: absolute;bottom: 0;  width: 100%;z-index: 1;}
 .home-news-list{ height: 320px; position: relative;}
 .home-news-b{background: #fff;border-radius: 5px;box-shadow: 5px 5px 15px #ccc;padding:60px 40px;position: absolute;left:40px;right:40px;transition: all 0.6s ease 0s;top:0px;overflow: hidden; }
 .home-news-b:hover{background:  #800010;top: -20px}

.home-news-time{position: absolute;border: 1px solid #ccc;top: 65px; width: 60px;height: 60px;border-radius: 15px;}
.home-news-time .m{width: 100%;font-size: 14px;height: 30px;font-weight: 800;text-align: center;color:#800010;line-height: 39px; border-bottom: 1px solid #ccc}
.home-news-time .y{width: 100%;font-size: 16px;font-weight: 800; text-align: center;color:#800010;line-height: 20px; border-bottom: 1px solid #ccc;border-radius: 15px;height: 26px}
.home-news-biaoti{font-size: 24px;height: 70px;padding-left: 70px; overflow: hidden;margin-bottom:30px}
.home-news-biaoti2{font-size: 20px;height: 70px;overflow: hidden;margin-bottom:30px;line-height: 24px;}
.home-news-desc{height: 66px;font-size: 16px;color: #888; overflow: hidden;}
.home-news-b:hover  .home-news-biaoti{color: #fff}
.home-news-b:hover  .home-news-desc{color: #fff}
.home-news-b:hover .home-news-time{border: 1px solid #fff;}
.home-news-b:hover .home-news-time .m{color: #fff}
.home-news-b:hover .home-news-time .y{color: #fff}

/*旋转背景*/
.rotate-bg:after { width: 60%; padding-top: 60%; overflow: hidden; position: absolute; right: -25%; bottom: -50%;
z-index: 0; background: url("../images/chilun.png"); background-size: cover; content: ''; -webkit-animation: spinX 20s infinite; animation: spinX 20s infinite; }

@-webkit-keyframes spinX

{
 from {
 -webkit-transform: rotate(360deg);
 }
 to {
 -webkit-transform: rotate(0deg);
 }
}

@keyframes spinX

{
0% {-webkit-transform: rotate(360deg);
 animation: rotation 20s linear infinite;
 -moz-animation: rotation 20s linear infinite;
 -webkit-animation: rotation 20s linear infinite;
 -o-animation: rotation 20s linear infinite;}

100% {-webkit-transform: rotate(0deg);
 animation: rotation 20s linear infinite;
 -moz-animation: rotation 20s linear infinite;
 -webkit-animation: rotation 20s linear infinite;
 -o-animation: rotation 20s linear infinite;}

}

.home-rongyu{ width: 100%;background: #800010;z-index: 999; position: relative;height:0px;overflow-y: hidden;padding: 30px 0;transition: all 1s ease 0s;}

.section-project{padding: 50px 0; position: relative; background-color: #222;}
.section__title, .section__subtitle{text-align: center; color: white; display: block;}
.section__title{font-size: 3em; line-height: 1; margin: 0 0 20px;}
.section__subtitle{font-size: 1.2em; line-height: 1.5; opacity: .5;}
.section__subtitle a{color: inherit;}
.project-carousel{position: relative; padding: 50px 0;z-index: 2;}
.project-strip{margin: 150px 0 150px; -webkit-filter: blur(10px); filter: blur(10px);}
.project-strip .project{cursor: pointer;}
.project-strip img{max-width: 100%; width: 100%; height: auto;}


.project-screen{width: 768px;  max-width:100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;background-image: url("../images/macbook.png"); background-repeat: no-repeat;background-size: 100% auto;}
.project-screen .project-detail{position: absolute; left: 12.3%; right: 12.3%;  bottom: 8%;top: 5%;   z-index: 1; }
/*.project-screen .screen-frame{content: " "; width: 768px; height: 451px; position: absolute; background-image: url("../images/macbook.png"); background-repeat: no-repeat;}*/
.project-screen .project{ width: 100%;height: 100%; float: left; cursor: move;overflow: hidden;}
.project-screen .project img{width: 100%; height: auto;min-height: 100%;}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=slick.min.css.map*/




.home-product{ width: 100%;background: #fff;z-index: 999; position: relative;}
.home-product .cp-a{left:-120%;position:relative;transition: all 1s ease 0s;border-radius: 5px;box-shadow: 5px 5px 15px #ccc; border: 1px solid #ddd}
.home-product .cp-a img{ width:100%}
.home-product .cp-a .p1{ color: #fff; }
.home-product .cp-a .p2{ color: #fff}

 
.home-bottom{ width: 100%;background: #eee;z-index: 999; position: relative;overflow: hidden; 
 }
 .home-bottom-b{color: #fff}
 .home-bottom-b a{color: #fff;font-size: 14px;}
 .rotate-bg2:after { width: 1200px; height: 1200px; overflow: hidden; position: absolute; right: -600px; bottom: -600px;
z-index: 0; background: url("../images/chilun.png"); background-size: cover; content: ''; -webkit-animation: spinX2 20s infinite; animation: spinX2 20s infinite; }

@-webkit-keyframes spinX2

{ 
 from {
 -webkit-transform: rotate(360deg);
 }
 to {
 -webkit-transform: rotate(0deg);
 }
}

@keyframes spinX2

{

0% {-webkit-transform: rotate(360deg);
 animation: rotation 20s linear infinite;
 -moz-animation: rotation 20s linear infinite;
 -webkit-animation: rotation 20s linear infinite;
 -o-animation: rotation 20s linear infinite;}

100% {-webkit-transform: rotate(0deg);
 animation: rotation 20s linear infinite;
 -moz-animation: rotation 20s linear infinite;
 -webkit-animation: rotation 20s linear infinite;
 -o-animation: rotation 20s linear infinite;}

}



/*内页样式*/

/*内页banner*/
.ny-banner .img-top{width: 100%;height: 50%;background-image: linear-gradient(to bottom,rgb(255,255,255,0.8),rgb(255,255,255,0.6),rgb(255,255,255,0.3),rgb(255,255,255,0));z-index: 2;top: 0;left: 0;position: absolute;}
.ny-banner img{width: 110%;height: 110%;position: absolute;top: -5%;left: -5%;right: 0;transition: all 5s ease 0s;z-index: 1;
  -webkit-animation: mymove 5s ; /* Chrome, Safari, Opera */
    animation: mymove 5s ;
    


}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0% {width: 100%;height: 100%;top: 0%;left: 0%; }
    100% {width: 110%;height: 110%;top: -5%;left: -5%; }
}

/* Standard syntax */
@keyframes mymove {
   0% {width: 100%;height: 100%;top: 0%;left: 0%; }
    100% {width: 110%;height: 110%;top: -5%;left: -5%; }
}



  .neiye-middle{width: 100%;  position: relative;z-index: 998; background: #fff; }
.neiye-middle-top{width: 100%;height:60px ;background: url(../images/middle-top.png)   center center;position: absolute;top: -60px; 
 }
/*@media (max-width: 992px) {
.neiye-middle{width: 100%; position: relative;z-index: 998;margin-top:50%;background: #fff; }
.neiye-middle-top{ height:60px ; position: absolute;  
 }
}*/
.neiye-middle-top-title{font-size: 60px;position: absolute;bottom: 0;color:#fff ;text-shadow: 2px 2px 5px #333;font-weight: 800;font-family: '宋体';}
.neiye-middle-top-title2{font-size: 400%; color:#fff ;text-shadow: 2px 2px 5px #333;font-weight: 800;font-family: '宋体';position: absolute;bottom: 0;}

 
.ny-m-nav li{display: inline-block; padding: 10px;height: 40px;background: #eee;}

.ny-m-nav li a span{font-size: 16px;}
 
.ny-m-nav .now a span{ color:#fff }
.ny-m-nav .now{background: #83000A;}
.weizhi{  height: 40px;text-align: right; line-height: 40px;}
.weizhi a{font-size: 14px;}


/*新闻页*/
.news{border-bottom: 1px solid #eee;padding: 0px}
.news-left{padding: 0px}
.news-left-img{width: 100%;height: 0;padding-top: 60%;position: relative;}
.news-left-img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0}


.news .news-title{font-size: 18px;font-weight: 600;line-height: 24px;max-height: 48px;overflow: hidden;letter-spacing: 1px;color: #555}
.news .news-time{font-size: 14px;color:#ccc;height:30px;line-height:24px}
.news .news-des{line-height: 20px;}
.news  a{display: inline-block;width: 100%}
.news:hover .news-title{color:#CD001F }
.news:hover .news-des{color:#CD001F }
.news:hover img{border-radius: 10px;}

/*产品详情页*/
.product-show-title{font-size: 18px;font-weight: 600;line-height: 24px;max-height: 48px;overflow: hidden;letter-spacing: 1px;color: #555;text-align: center;width:100%;border-bottom:1px solid #eee;padding-bottom: 1rem}
.product-show-content img{max-width: 100%;}

.product-left-list{padding:10px;border-right: 1px solid #ccc}
.product-left-list div{width: 100%;padding-top: 80%;height: 0; position: relative;}
.product-left-list div a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: }
.product-left-list div a img{width: 100%;height:100%;border: 1px solid #E35C27;transition: all 0.5s ease 0s;}


#qd-pages{width:100%;height:30px;text-align: center;}
#qd-pages p{display: inline-block; height:30px;line-height: 10px; }
#qd-pages li{display: inline-block; height:30px; border:1px solid #ddd;margin:3px;border-radius: 3px; background: #eee}
#qd-pages li:hover{background: #333}
#qd-pages li:hover a{color:#fff;}
#qd-pages li a{display:block; width:auto;height:30px;padding:5px 10px;font-size: 14px; line-height: 20px; }
#qd-pages li a:hover{color:#fff;}
#qd-pages span{display:inline-block;  height:30px;  font-size: 14px; }
#qd-pages .now{background: #333}
#qd-pages .now a{color:#fff;}
#qd-pages .dian{border:none; background: none; padding: 0 }
#qd-pages .dian a{color: #aaa;padding: 5px 0; }
#qd-pages .dian:hover{border:none; background: none}
#qd-pages .pages-first{text-transform:Uppercase; }
#qd-pages .pages-last{text-transform:Uppercase; }